<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.div1
			{
				width: 200px;  /* 行内标签也没有宽跟高 */
				height: 200px;
				background-color: aquamarine;
				border: 1px solid lightblue;
				margin: 0px auto;
			}
			#s1
			{
				width: 100px;
				height: 100px;
				background-color: aqua;
				border: 1px solid blue;
				display: block;  /* ！将行内元素变为块元素 */
				margin-top: 20px;  /* 这些只有块元素才管用 */
			}
			span是一个行内元素
			行内元素没有盒子模型
			行内元素没有办法设置内边距和外边距特征
			只有块标签才有盒子模型 才可以设置内边距和外边距
			如果只有一个行内标签 非要使用盒子模型 那么可以将行内元素装换为块元素
		</style>
	</head>
	<body>
		<div class="div1">
			<span id="s1">今天是3月6号</span>
		</div>
	</body>
</html>